﻿<!DOCTYPE html>
<html style="font-size: 40px;" data-dpr="1" lang="zh-CN"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<title>订单详情</title>
  	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
	<!--<meta name="full-screen" content="yes">-->
	<meta content="fullscreen=yes,preventMove=no" name="ML-Config">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no,email=no,address=no">
	<meta content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" name="viewport">
  	<link rel="stylesheet" type="text/css" href="/shop/templates/default/css/orderDetails.css">
   <link href="/shop/templates/default/css/style.css" rel="stylesheet" />
    <link href="/shop/templates/default/css/templates.css" rel="stylesheet" />
	<script>
	//document.domain = 'clofood.cn';
	! function(a) {
		function b() {
			var b = g.getBoundingClientRect().width;
			b / c > 640 && (b = 640 * c), a.rem = b / 16, g.style.fontSize = a.rem + "px"
		}
		var c, d, e, f = a.document,
			g = f.documentElement,
			h = f.querySelector('meta[name="viewport"]'),
			i = f.querySelector('meta[name="flexible"]');
		if (h) {
			var j = h.getAttribute("content").match(/initial\-scale=(["']?)([\d\.]+)\1?/);
			j && (d = parseFloat(j[2]), c = parseInt(1 / d))
		} else if (i) {
			var j = i.getAttribute("content").match(/initial\-dpr=(["']?)([\d\.]+)\1?/);
			j && (c = parseFloat(j[2]), d = parseFloat((1 / c).toFixed(2)))
		}
		if (!c && !d) {
			var k = (a.navigator.appVersion.match(/android/gi), a.navigator.appVersion.match(/iphone/gi)),
				c = a.devicePixelRatio;
			c = k ? c >= 3 ? 3 : c >= 2 ? 2 : 1 : 1, d = 1 / c
		}
		if (g.setAttribute("data-dpr", c), !h)
			if (h = f.createElement("meta"), h.setAttribute("name", "viewport"), h.setAttribute("content", "initial-scale=" + d + ", maximum-scale=" + d + ", minimum-scale=" + d + ", user-scalable=no"), g.firstElementChild) g.firstElementChild.appendChild(h);
			else {
				var l = f.createElement("div");
				l.appendChild(h), f.write(l.innerHTML)
			}
		a.dpr = c, a.addEventListener("resize", function() {
			clearTimeout(e), e = setTimeout(b, 300)
		}, !1), a.addEventListener("pageshow", function(a) {
			a.persisted && (clearTimeout(e), e = setTimeout(b, 300))
		}, !1), "complete" === f.readyState ? f.body.style.fontSize = 12 * c + "px" : f.addEventListener("DOMContentLoaded", function() {
			f.body.style.fontSize = 12 * c + "px"
		}, !1), b()
	}(window);
		// var targetProtocol = "https:";
	// if (window.location.protocol != targetProtocol){
	// 	window.location.href = targetProtocol + window.location.href.substring(window.location.protocol.length);
     // }
	var basePath = "{$yuming}", baseParam = "openid={$openid}&wid={$wid}&shopid={$shopid}";
	</script>
   </head>
<body style="font-size: 12px;">	
    <input type="hidden" value="{$wid}" id="hidwid" name="hidwid">
    <input type="hidden" value="{$openid}" id="openid" name="openid">
    <div class="auto" data-order_no="{$order.order_no}" id="page_order_detail">
        <input type="hidden" id="deliver-id" value="" />
        <div class="cancel">
            <h2>请选择取消订单的原因</h2>
            <ul>
                <li><span class="iconfont xuan" data-text="我不想买了"></span>我不想买了</li>
                <li><span class="iconfont xuan" data-text="订单信息有误，重新下单"></span>订单信息有误，重新下单</li>
                <li>
                    <span class="iconfont xuan" data-text="商户配送有问题"></span>商户配送有问题
                </li>
                <li><span class="iconfont xuan" data-text="其他原因"></span>其他原因</li>
            </ul>
            <button class="think">再想想</button><button class="cancelok">确认</button>
            <p>提示: 订单金额将以金币的形式退回到账户，其他问题请致电客服 400-000-4000</p>
        </div>
        <div class="parcel">
            <ul>
                <vt:foreach from="$order.order_product" item="g" index="j">
                    <li>
                        <div class="title clearfix">
                            <p class="p3">[{$statusName}]</p>
                        </div>
                        <div class="part clearfix">
                            <div class="pic"><a href="#"><img src="{$g.focusImgUrl}" class="czjz"></a></div>
                            <div class="txt">
                                <p class="sem_name" data-length="48">{$g.productName}</p>
                                <span>{$g.salePrice}元</span>
                            </div>
                            <div class="num">X<b>{$g.stock}</b></div>
                        </div>
                        <div class="payment clearfix" style="margin-top: 0; border-top: 0;">
                            <div class="payL">
                                <p>由商家提供配送服务</p>
                                <p>订单咨询，更改配送时间，催发货请联系商家</p>
                            </div>
                            <a href="tel:{$telephone}" class="payR"><span>拨打电话</span></a>
                        </div>
                    </li>
                </vt:foreach>
            </ul>
        </div>
        <div class="payment clearfix">
            <div class="clearfix">
                <p><span>-&yen;0.00元</span>优惠金额</p>
                <p><span>￥{$order.express_fee}元</span>运费</p>
                <p class="p3 p5"><span>￥{$order.real_amount}元</span>订单总金额(含运费)</p>
                <p class="p4 clearfix"><span>备注</span> <strong></strong></p>
            </div>
        </div>
        <div class="payment m95" id="page_order_detail">
            <div class="clearfix br1">
                <p><span>{$order.order_no}</span>订单编号</p>
                <p><span>{$order.add_time format="yyyy-MM-dd HH:mm:ss"}</span>下单时间</p>
                <p><span>{$paymentName}</span>支付方式</p>
                <p><span>{$express_name}</span>物流公司</p>
                <p><span>{$order.express_no}</span>物流编号</p>
            </div>
            <div class="clearfix" id="wuliu-info">
                <p><span>{$order.accept_name}</span>收货人</p>
                <p><span>{$order.telphone}</span>收货电话</p>
                <p class="dz"><span>{$order.address}</span>收货地址</p>
            </div>
        </div>
        <div id="operate_area"></div>
    </div>
    <div class="lay_page page_tracert qb_none" id="page_tracert">
        <input type="hidden" id="deliver-id" value="" />
        <div class="lay_page_wrap">
            <div class="qb_gap qb_pt10 fn_status qb_clearfix" evttag="toDealDetail">
                <a href="#" class="btn_back qb_fl"><i class="qb_icon icon_back"></i></a>
                <div class="status">
                    物流公司：{$expressName}<br>
                    运单号：{$order.express_no}<br>
                    收货地址：{$order.address}
                </div>
            </div>
            <div class="fn_tracert qb_mb10">
                <div id="wuliu-detail" class="qb_gap"></div>
                <div class="qb_none" id="wuliu-detail-fail">
                    <div class="qb_gap">
                        <div class="mod_color_comment qb_mb10">抱歉，物流信息查询失败，可能物流公司未同步物流信息，请稍后重试！ </div>
                        <a href="javascript:void(0);" class="mod_btn btn_block" id="retryDetail">重试</a>
                    </div>
                </div>
            </div>
        </div>
    </div>	
    <div class="qb_quick_tip qb_none" id="bubble"></div>
    <div class="mod_dialog qb_none" id="message-notice">
        <div class="dialog_mask"></div>
        <div class="dialog_main qb_br qb_tac">
            <div class="dialog_bd" id="notice-content"></div>
            <div class="dialog_ft qb_flex"><a href="javascript:void(0);" class="flex_box" id="notice-cancel">取消</a><a href="javascript:void(0);" class="flex_box" id="notice-sure">确定</a></div>
        </div>
    </div>
    <vt:template id="_bottom" file="_bottom2.html" charset="utf-8" />	

    <script type="text/template" id="recv-tpl">
        <a href="javascript:void(0);" class="mod_btn btn_block qb_mr10 btn_strong flex_box" evttag="confirmRecv" id="to-confirm" data-url="/plus/action/receipt/ok">确认收货</a>
    </script>
    <script type="text/template" id="topay-tpl">
        <div class="mod_select select_block flex_box btn_strong">
            <select evttag="changePay" dc="86882">
                <option value="-1">去付款</option>

            </select>
        </div>
    </script>
    <script type="text/template" id="cancel-tpl">
        <a href="javascript:void(0);" class="mod_btn btn_block qb_mr10 flex_box" evttag="cancelDeal" id="cancel-deal" data-url="{$yuming}/shop/shopmgr.ashx?myact=order_canel">取消订单</a>
    </script>
    <script type="text/template" id="drawback-tpl">
        <div class="qb_gap">
            <div class="qb_tac qb_mb10" evttag="drawback" id="drawback"><a evttag="drawback" class="mod_color_weak" href="#nolink">申请退款</a></div>
        </div>
    </script>
    <script type="text/template" id="regoods-tpl">
        <div class="qb_gap">
            <div class="qb_tac qb_mb10" evttag="regoods" id="regoods"><a evttag="regoods" class="mod_color_weak" href="#nolink">申请退货</a></div>
        </div>
    </script>
    <script type="text/template" id="cancelgoods-tpl">
        <div class="qb_gap">
            <div class="qb_tac qb_mb10" evttag="cancelgoods" id="cancelgoods"><a class="mod_color_weak" href="#nolink">取消退货</a></div>
        </div>
    </script>
    <script type="text/template" id="marksend-tpl">
        <a href="#" class="mod_btn btn_block btn_strong flex_box">标记发货</a>
    </script>
    <script type="text/template" id="onback-tpl">
        <div class="qb_gap">
            <div class="qb_tac qb_mb10"><span class="mod_color_weak">{#text#}</span></div>
        </div>
    </script>
    <script type="text/template" id="wuliu-tpl">
        <div class="mod_bb">
            <div class="mod_color_weak">{#time#}</div>
            {#desc#}
        </div>
    </script>
    <script src="/shop/templates/default/js/zepto.min.js"></script>
    <script type="text/javascript">
        stockEmpty = "false", dc = "86882", dealStatus = 10, payType = 0;
        mobile.o2ocn.orderdetail.init();

    </script>
</body>
</html>